$(function () {
  $("body").bind("keyup", function (event) {
    if (event.keyCode == 13) {
      // var _val = $("#searchBox").val();
      // $("#keyword").val(_val);
      $("#searchForm").submit();
    //  location.href='/self.html?keyword='+escape(_val);
    }
  });
  $(".search_btn").click(function () {
    // var _val = $("#searchBox").val();
    // $("#keyword").val(_val);
    $("#searchForm").submit();
   // location.href='/self.html?keyword='+encodeURI(_val);
  });
  $(".nav-box a").hover(
    function () {
      const _index = $(this).index();
      $(".nav-box p.line").css(
        "transform",
        "translateX(" + (_index * 112 + 6) + "px)"
      );
    },
    function () {
      const doms = $(".nav-box a");
      let _activeIndex = 0;
      for (let index = 0; index < doms.length; index++) {
        if (doms.eq(index).hasClass("active")) {
          _activeIndex = index;
        }
      }
      $(".nav-box p.line").css(
        "transform",
        "translateX(" + (_activeIndex * 112 + 6) + "px)"
      );
    }
  );

  // 返回顶部
  $(".back-top-box").click(function () {
    $("body,html").animate({ scrollTop: 0 }, 500);
  });

  //   监听页面滚动
  $(window).scroll(function () {
    var _scrollTop = $(this).scrollTop();
    if (_scrollTop < 120) {
      $(".header-box ").css({ "background-color": "rgba(0, 0, 0, 0)" });
    }
    if (_scrollTop > 120) {
      $(".header-box ").css({ "background-color": "rgba(0, 0, 0, 0.2)" });
    }
    if (_scrollTop > 240) {
      $(".header-box ").css({ "background-color": "rgba(0, 0, 0, 0.35)" });
    }
    if (_scrollTop > 360) {
      $(".header-box ").css({ "background-color": "rgba(0, 0, 0, 0.5)" });
    }
    if (_scrollTop > 480) {
      $(".header-box ").css({ "background-color": "rgba(0, 0, 0, 0.65)" });
    }
    if (_scrollTop > 580) {
      $(".header-box ").css({ "background-color": "rgba(0, 0, 0, 0.8)" });
    }
  });
});
